<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
<meta charset="UTF-8" />
<title>物流管理系统</title>
<link rel="stylesheet" th:href="@{/css/bootstrap.min.css}"></link>
<link rel="stylesheet" th:href="@{/css/sweetalert.css}" />
<link rel="stylesheet" th:href="@{/composents/element-ui/lib/theme-chalk/index.css}" />
<link rel="stylesheet" th:href="@{/css/index_manage.css}" />
<!-- 弹窗 -->
<link rel="stylesheet" th:href="@{/css/notic/notic.css}" />
<style>
  .el-header {
    background-color: #B3C0D1;
    color: #333;
    line-height: 60px;
  }
  
  .el-aside {
    color: #333;
  }
  
  .el-menu-vertical-demo:not(.el-menu--collapse) {
    width: 200px;
  }
</style>	
</head>
<body>
	<div id="app">
		<el-container id="main" style="border: 1px solid #eee">
		
		  	<el-header class="header_img" style="text-align: right; font-size: 12px">
		  		<span class="logo fl">
		  			<img th:src="@{/img/logo.png}">
		  			<span class="sysname">物流管理系统</span>
		  		</span>
			      <el-dropdown>
			        <i class="el-icon-setting" style="margin-right: 15px"></i>
			        <el-dropdown-menu slot="dropdown">
			          <el-dropdown-item>
			          	<span @click="logout()">退出系统</span>
			          </el-dropdown-item>
			          <el-dropdown-item>
			          	<span @click="updatePassword()">修改密码</span>
			          </el-dropdown-item>
			        </el-dropdown-menu>
			      </el-dropdown>
			      <span th:text="userInfo.userName"></span>
			      <span hidden="hidden" th:text="userInfo.id" id="userInfoId"></span>
		  	</el-header>
		    
		    <el-radio-group v-model="isCollapse" style="margin-bottom: 20px;">
				  <el-radio-button :label="false">展开</el-radio-button>
				  <el-radio-button :label="true">收起</el-radio-button>
			</el-radio-group>
		  	<el-container>
				    <el-menu default-active="1-1" class="el-menu-vertical-demo" :collapse="isCollapse" active-text-color="#BF3EFF" :unique-opened="unitOpen">
				      <el-submenu index="1">
				        <template slot="title"><i class="el-icon-message"></i> <span slot="title">仓库管理</span></template>
				          <el-menu-item index="1-1" @click="openTab('/wareHouseController/goodsTrade')">库存管理</el-menu-item>
				          
				          	 <el-submenu index="1-2">
				          	 	<template slot="title">货位管理</template>
					          	<el-menu-item index="1-2-1" @click="openTab('/wareHouseController/goodsLocationDesc')">货位说明</el-menu-item>
					          	<el-menu-item index="1-2-2" @click="openTab('/wareHouseController/goodsLocationSetPage')">物资阀值及货位设定</el-menu-item>
				          	</el-submenu>
				          <el-menu-item index="1-3" @click="openTab('/wareHouseController/warehouseManage')">仓库管理</el-menu-item>
				      </el-submenu>
				      <el-submenu index="2">
				        <template slot="title"><i class="el-icon-menu"></i><span slot="title">订单管理</span></template>
				          <el-menu-item index="2-1" @click="openTab('orderManage/inOrder')">入库单管理</el-menu-item>
				          <el-menu-item index="2-2" @click="openTab('orderManage/outOrder')">出库管理</el-menu-item>
				          <el-menu-item index="2-3" @click="openTab('orderManage/houseTohouseOrder')">调拨单管理</el-menu-item>
				      </el-submenu>
				      <el-submenu index="3">
				        <template slot="title"><i class="el-icon-menu"></i><span slot="title">供应商管理</span></template>
				          <el-menu-item index="3-1" @click="openTab('userMessage/to_page')">供应商管理</el-menu-item>
				          <el-menu-item index="3-1" @click="openTab('userMessage/to_page')">物流商管理</el-menu-item>
				      </el-submenu>
				      <el-submenu index="4">
				        <template slot="title"><i class="el-icon-menu"></i><span slot="title">系统管理</span></template>
				          <el-menu-item index="4-1" @click="openTab('userMessage/to_page')">用户管理</el-menu-item>
				          <el-menu-item index="4-2" @click="openTab('userRole/toList')">角色管理</el-menu-item>
				          <el-menu-item index="4-3" @click="openTab('userMessage/to_menu_page')">菜单管理</el-menu-item>
				          <el-menu-item index="4-4" @click="openTab('userJob/toList')">作业管理</el-menu-item>
				      </el-submenu>
				    </el-menu>
				    
			    <el-main>
			    	<div id="mainApp"></div>
			    </el-main>
			    
			</el-container>
			
		</el-container>
		
		<!-- 修改密码-->
		<div>
			<template>
				<el-dialog title="修改密码" :visible.sync="dialogAdd" width="30%">
				   <el-form :model="user" status-icon  ref="user" label-width="100px" class="demo-ruleForm">
					  <el-form-item label="密码" prop="passWord">
					    <el-input type="password" v-model="user.passWord" auto-complete="off"></el-input>
					  </el-form-item>
					  <el-form-item label="确认密码" prop="repeatPassword">
					    <el-input type="password" v-model="user.repeatPassword" auto-complete="off"></el-input>
					  </el-form-item>
					  <el-form-item>
					    <el-button type="primary" @click="submitForm('user')">提交</el-button>
					    <el-button @click="resetForm('user')">重置</el-button>
					  </el-form-item>
					</el-form>
				</el-dialog>
			</template>
		</div>
		<!-- 新增看板配置 -->
		
		<!-- 弹窗 -->
			<div id="winpop">
				<div class="title">您有新的消息
				<span class="close" onclick="tips_pop()">X</span></div>
				<div class="con">未读信息(1)</div>
			</div>
		<!-- 弹窗 -->
	</div>
</body>
<script type="text/javascript" th:src="@{/js/jquery-3.1.0.min.js}"></script>
<script type="text/javascript" th:src="@{/js/bootstrap.min.js}"></script>
<script type="text/javascript" th:src="@{/js/sweetalert/sweetalert.min.js}"></script>
<script type="text/javascript" th:src="@{/js/vue/vue.js}"></script>
<script type="text/javascript" th:src="@{/composents/element-ui/lib/index.js}"></script>
<script type="text/javascript" th:src="@{/js/jquery.magnific-popup.min.js}"></script>
<script type="text/javascript" th:src="@{/js/common.js}"></script>
<script type="text/javascript" th:src="@{/js/index/index.js}"></script>
<script type="text/javascript" th:src="@{/js/notic/tc.js}"></script>
</html>